<template>
    <div class="main-sidebar">
        <div class="sidebar">
            <ul class="sidebar-menu">
                <li class="header">HEADER</li>
                <!--<li class="active">
                    <a href="javascript:;" @click="handleSelect('/',$event)">
                        <i class="fa fa-dashboard"></i>
                        <span>摄影平台</span>
                    </a>
                </li>-->
                <li v-for="menu in menu_list" :class="menu.children?'treeview':''">
                    <a href="javascript:;" v-if="menu.url" @click="handleSelect(menu.url,$event)">
                        <i :class="menu.icon?'fa fa-'+menu.icon:'fa fa-circle-o'"></i>
                        <span v-text="menu.title"></span>
                        <i v-if="menu.children" class="fa fa-angle-left pull-right"></i>
                    </a>
                    <a href="javascript:;" v-else>
                        <i :class="menu.icon?'fa fa-'+menu.icon:'fa fa-circle-o'"></i>
                        <span v-text="menu.title"></span>
                        <i v-if="menu.children" class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul v-if="menu.children" class="treeview-menu">
                        <li v-for="child in menu.children">
                            <a href="javascript:;" @click="handleSelect(child.url,$event)">
                                <i :class="child.icon?'fa fa-'+child.icon:'fa fa-circle-o'"></i>
                                <span v-text="child.title">首页轮播</span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>

        </div>
    </div>
</template>

<script src="../../js/pubComponents/Sidebar.js"></script>
